*{
/*	box-sizing: border-box;
	-webkit-box-sizing: border-box;*/
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
body{
	background:#f5f5f5;
	padding-top: 1.16rem;
	font-size:.32rem;
	font-family:'Microsoft YaHei',Helvetica,Arial,sans-serif;
}

button,
input[type="button"]{
	font-size:.32rem;
	font-family:'Microsoft YaHei',Helvetica,Arial,sans-serif;
}

input{
	-webkit-appearance: none; 
	outline:none;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-moz-tap-highlight-color: rgba(0, 0, 0, 0);
}

ul{list-style:none;}



/***** radito、checkbox样式 ******/
input[type="radio"]{
	background: url(../img/radio.png) no-repeat;
    background-size: 100%!important;
    width: 0.43rem;
    height: 0.43rem;

    vertical-align: text-bottom;
}

input[type="radio"]:checked{
	background:url(../img/radio_on.png) no-repeat;
}

input[type="checkbox"]{
    background: url(../img/checkbox.png) no-repeat;
    background-size: 100%!important;
    width: 0.43rem;
    height: 0.43rem;

    vertical-align: text-bottom;
}

input[type="checkbox"]:checked{
	 background:url(../img/checkbox_on.png) no-repeat;
}

/* checkbox、radio开关样式 */
input[type="checkbox"].ar-toggle,
input[type="radio"].ar-toggle {
    position: relative;
    -webkit-appearance: none;
    width: 1.4rem;
    height: 0.8rem;
    outline: 0;
    /* margin-top: -10px; */
    /* padding: 10px; */
    background-color: #FCFCFC;
    border: 1px solid #d3d3d3;
    border-radius: 50px;
    vertical-align: middle;
    background-image: none;
}

    input[type="checkbox"].ar-toggle:before,
	input[type="radio"].ar-toggle:before {
        position: absolute;
        content: "";
        top: 0.005rem;
        width: 0.7rem;
        height: 0.7rem;
        border: 1px solid #eee;
        border-radius: 50px;
        background-color: #fff;
        box-shadow: 0 1px 1px rgba(0, 0, 0, 0.08), 1px 1px 2px rgba(0, 0, 0, 0.08);
        transition: all ease .3s;
    }

    input[type="checkbox"].ar-toggle:active,
	input[type="radio"].ar-toggle:active {
        box-shadow: inset 2px 2px 10px rgba(0, 0, 0, 0.05), inset -2px -2px 10px rgba(0, 0, 0, 0.05);
    }

        input[type="checkbox"].ar-toggle:active:before,
		input[type="radio"].ar-toggle:active:before {
            width: 0.6rem;
        }


    input[type="checkbox"].ar-toggle:checked,
	input[type="radio"].ar-toggle:checked {
        background-color: #ed0070;
        border-color: #ed0070;
        color: #fff;
    }

        input[type="checkbox"].ar-toggle:checked:before,
		input[type="radio"].ar-toggle:checked:before {
            right: 0;
        }




.ar-hidden{
	display: none!important;
}

.ar-invisible{
	visibility: hidden!important;
}

.ar-clearfixed:after{
	content: "";
	display: block;
	clear: both;
}

.ar-react{
	display: block;
}

.ar-react:active{
	background-color: rgba(0,0,0,0.1);
}

.ar-react2:active:before{
	content: "";
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: rgba(200,200,200,0.1);
}

/******* 按钮样式 ********/
.ar-btn{
	width: 100%;
	height: 1.1rem;
	overflow: visible;
	display: inline-block;
	font-size: 0.32rem;
	font-weight: 600;
/*	line-height: 1.428571429;*/ 
	text-align: center;
	white-space: nowrap;
	vertical-align: middle;
	cursor: pointer;
	background-image: none;
	border: 1px solid transparent;
	border-radius: 4px;
	-webkit-user-select: none;
	color: #666;
	background-color: #f4f4f4;
	border-color: #e6e6e6;
}

.ar-btn:active{
	background-color: #dddddd;
}

.ar-btn.ar-btn-strong{
	color: #ffffff;
	background-color: #cc2759;
	border-color: #cc2759; 
}

.ar-btn.ar-btn-strong:active{
	background-color: #a81a4a;
}

.img-fill{
	width: 100%;
	height: 100%;
}
#loading{
	background: url(../img/loading.gif) no-repeat center;
	background-size: 0.8rem 0.8rem;
	position:fixed;
	width:0.8rem;
	height:0.8rem;
	margin:auto;
    left:0;
    right:0;
    top:5rem;
   
	z-index:999;
}
/*.loader{
	z-index: 100;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background: url(../img/loading.gif) no-repeat center;
	background-size: 0.8rem 0.8rem;
}*/

.loader{
			width: 100%;
			height: 100%;
		}
	.loader:after {
        content: "";
	    display: inline-block;
	    position: absolute;
	    top: 50%;
	    left: 50%;
	    margin-top: -17.5px;
	    margin-left: -17.5px;
	    border-top: 3px solid #FAB2D4;
	    border-right: 3px solid #FAB2D4;
	    border-bottom: 3px solid #FAB2D4;
	    border-left: 3px solid #ED0070;
	    -webkit-animation: loading 1s infinite cubic-bezier(0.50, 0.25, 0.5, 0.75);
	    animation: loading .8s infinite cubic-bezier(0.50, 0.25, 0.5, 0.75);
	    border-radius: 50%;
	    width: 35px;
	    height: 35px;
	}

@-webkit-keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}
@keyframes loading {
  0% {
    -webkit-transform: rotate(0deg);
    transform: rotate(0deg);
  }
  100% {
    -webkit-transform: rotate(360deg);
    transform: rotate(360deg);
  }
}


.loading{
	background: url(../img/loading.gif) no-repeat center;
	background-size: 0.8rem 0.8rem;
}


/*****   图片小图标   *****/
.img-icon{
	display: inline-block;
	vertical-align: middle;
	background-size: 100%!important;
	background-position: center center!important;
	background-repeat: no-repeat!important;
}

.icon-logo{
	width: 1.87rem;
    height:0.7rem;
    background-image: url(../img/logo.png);
}

.icon-logo2{
	width: 1.87rem;
    height:0.7rem;
    background-image: url(../img/logo-2.png);
}

.icon-brand{
	width: 0.88rem;
	height: 0.88rem;
	background-image: url(../img/icon-brand.png);
}

.icon-clothes{
	width: 0.88rem;
	height: 0.88rem;
	background-image: url(../img/icon-clothes.png);
}

.icon-manage{
	width: 0.88rem;
	height: 0.88rem;
	background-image: url(../img/icon-manage.png);
}

.icon-hanger{
    width: 0.7rem;
    height: 0.7rem;
    margin-bottom: 0.4rem;
    background-image: url(../img/hanger.png);
}

.icon-toolbox{
    width: 0.7rem;
    height: 0.7rem;
    margin-bottom: 0.2rem;
    background-image: url(../img/icon-toolbox.png);
}

.icon-back{
	width: 0.413333rem;
    height: 0.386667rem;
    background-image: url(../img/back.png);
}

.icon-back1{
	width: 0.88rem;
	height: 0.88rem;
	background-image: url(../img/icon-back.png);
}

.icon-menu{
	width: 0.88rem;
	height: 0.88rem;
	background-image: url(../img/icon-main.png);
}

.icon-share{
	width: 0.88rem;
	height: 0.88rem;
	background-image: url(../img/icon-share.png);
}

.icon-setting{
	width: 0.66rem;
	height: 0.66rem;
	background-image: url(../img/setting.png);
}

.icon-pay{
	width: 0.88rem;
	height: 0.88rem;
	background-image: url(../img/icon-daifukuan.png);
}

.icon-cart{
	width: 0.88rem;
	height: 0.88rem;
	background-image: url(../img/icon-gwc.png);
}

.icon-send{
	width: 0.88rem;
	height: 0.88rem;
	background-image: url(../img/icon-daifahuo.png);
}

.icon-receive{
	width: 0.88rem;
	height: 0.88rem;
	background-image: url(../img/icon-daishouhuo.png);
}

.icon-addper{
	width: 0.53rem;
	height: 0.53rem;
	background-image: url(../img/chuangjian.png);
}

.icon-edit1{
	width: 0.44rem;
	height: 0.44rem;
	background-image: url(../img/edit1.png);
}

.icon-edit2{
	width: 0.5rem;
	height: 0.5rem;
	background-image: url(../img/edit2.png);
}

.icon-delete{
	width: 0.44rem;
	height: 0.44rem;
	background-image: url(../img/delete.png);
}

.icon-close-1{
	width: 0.28rem;
	height: 0.27rem;
	background-image: url(../img/close-1.png);
}

.icon-close{
	width: 0.64rem;
	height: 0.64rem;
	background-image: url(../img/close.png);
}

.icon-close:active,
.icon-detail.on{
	background-image: url(../img/close_on.png);
}

.icon-detail{
	width: 0.64rem;
	height: 0.65rem;
	background-image: url(../img/detail.png);
}

.icon-detail:active,
.icon-detail.on{
	background-image: url(../img/detail_on.png);
}

.icon-reset1{
	width:0.99rem;
	height: 1.0rem;
	background-image: url(../img/reset1.png);
}

.icon-reset1:active,
.icon-reset1.on{
	background-image: url(../img/reset_on1.png);
}

.icon-collocation{
	width:1.4rem;
	height: 1.4rem;
	background-image: url(../img/collocation.png);
}
.icon-collocation:active,
.icon-collocation.on{
	background-image: url(../img/collocation_on.png);
}

.icon-likegoods{
	width: 0.5rem;
	height: 0.5rem;
	background-image: url(../img/likegoods.png);
}

.icon-filter{
	width: 0.5rem;
	height: 0.5rem;
	background-image: url(../img/icon-lvjing.png);
}

.icon-background{
	width: 0.5rem;
	height: 0.5rem;
	background-image: url(../img/icon-beijing.png);
}

.icon-reset{
	width: 0.5rem;
	height: 0.5rem;
	background-image: url(../img/icon-huanyi.png);
}

.icon-save{
	width: 0.8rem;
	height: 0.8rem;
	background-image: url(../img/save.png);
}

.icon-favorite{
	width: 0.55rem;
	height: 0.55rem;
	background-image: url(../img/icon-save.png);
}

.icon-addbackground{
	width: 0.8rem;
	height: 0.8rem;
	background-image: url(../img/addbackground.png);
}

.icon-add{
	width: 0.45rem;
	height: 0.45rem;
	background-image: url(../img/add.png);
}

.mask{
	position: fixed;
	z-index: 1000;
	left: 0;
	right:0;
	top:0;
	bottom: 0;
	background-color: #000;
	opacity:0;
	animation-fill-mode: forwards;
}

.back{
	z-index: 100;
	width:100%;
	position:fixed;
	top:0;
	left:0;
	height:1.16rem;
	background:#2d2d2d;	
}


.back .divleft{
    height: 1.17rem;
    width: 1rem;
    float:left;
    text-align: center;
	line-height: 1.17rem;
}
.back .divright{
	float:left;
	height:0.546667rem;
	margin-top:0.293333rem;
	font-size:0.40rem;
	border-left:#393939 1px solid;
	padding-left:0.333333rem;
	color:#fff;
	line-height:0.546667rem;
	background:url(../img/temp/border2.jpg) repeat-y left top;
	background-size:0.05rem 0.01rem;
}
.back div a{
	display:inline-block;
	width:100%;
	height:100%;
	background:url(../img/temp/icon_back.png) no-repeat center 0.35rem;
	background-size:0.413333rem 0.386667rem;
	
}
.cg{
	padding:0.2rem;
	line-height:0.93rem;
	background:#000;
	color:#fff;
	text-align:center;
	opacity: 0.4;
	/*border:0!important;*/
	border-radius:0.13rem;
}
		
.cg1{
	width:2.53rem;
	height:0.93rem;
	line-height:0.93rem;
	background:#000;
	color:#fff;
	text-align:center;
	opacity: 0.4;
	border:1px solid #000;
	border-radius:0.13rem;
}
.dl:hover,.next:hover,.tj2:hover,.qd:hover,.addressBottom:hover,.shop_tc_bottom:hover,.billBottom .right:hover,.orderBtnclick:hover,.DetaBottom-btn1:hover{
	background:#a81a4a;
}
.orderBtnBotder:hover,.DetaBottom-btn:hover{
	background:#ddd;
}
/*标题右边的字*/
.shopGL{
	float: right;
    height: 0.546667rem;
    margin-top: 0.293333rem;
    font-size: 0.40rem;
    padding-right: 0.6rem;
    color: #fff;
    line-height: 0.546667rem;
}

/* 
抽出通用部分
.img_link{
    display:block;
    width:4.93rem;
    height:4.53rem;
    overflow:hidden;
}
.img_link img{
    display:block;
    margin:0 auto;
    height:4.53rem;
    overflow:hidden;
} 
*/

/* 抖动效果
.shake{
	-webkit-animation: shake 0.5s ;
	-moz-animation: shake 0.5s ;
	-o-animation: shake 0.5s ;
	animation: shake 0.5s ;
}
@-moz-keyframes shake {
    0{
         -moz-transform: translateX(-0.4rem);
         -webkit-transform: translateX(-0.4rem);
         -o-transform: translateX(-0.4rem);
         -ms-transform: translateX(-0.4rem);
         transform: translateX(-0.4rem);

    }
    25%{
		-moz-transform: translateX(0.4rem);
		-webkit-transform: translateX(0.4rem);
		-o-transform: translateX(0.4rem);
		-ms-transform: translateX(0.4rem);
		transform: translateX(0.4rem);
    }
    50%{
			-moz-transform: translateX(-0.2rem);
		-webkit-transform: translateX(-0.2rem);
		-o-transform: translateX(-0.2rem);
		-ms-transform: translateX(-0.2rem);
		transform: translateX(-0.2rem);
    }
    75%{
		-moz-transform: translateX(0.2rem);
		-webkit-transform: translateX(0.2rem);
		-o-transform: translateX(0.2rem);
		-ms-transform: translateX(0.2rem);
		transform: translateX(0.2rem);
    }
    100%{
		-moz-transform: translateX(0rem);
		-webkit-transform: translateX(0rem);
		-o-transform: translateX(0rem);
		-ms-transform: translateX(0rem);
		transform: translateX(0rem);
    }
}

@-webkit-keyframes shake {
    0{
         -moz-transform: translateX(-0.4rem);
         -webkit-transform: translateX(-0.4rem);
         -o-transform: translateX(-0.4rem);
         -ms-transform: translateX(-0.4rem);
         transform: translateX(-0.4rem);

    }
    25%{
		-moz-transform: translateX(0.4rem);
		-webkit-transform: translateX(0.4rem);
		-o-transform: translateX(0.4rem);
		-ms-transform: translateX(0.4rem);
		transform: translateX(0.4rem);
    }
    50%{
			-moz-transform: translateX(-0.2rem);
		-webkit-transform: translateX(-0.2rem);
		-o-transform: translateX(-0.2rem);
		-ms-transform: translateX(-0.2rem);
		transform: translateX(-0.2rem);
    }
    75%{
		-moz-transform: translateX(0.2rem);
		-webkit-transform: translateX(0.2rem);
		-o-transform: translateX(0.2rem);
		-ms-transform: translateX(0.2rem);
		transform: translateX(0.2rem);
    }
    100%{
		-moz-transform: translateX(0rem);
		-webkit-transform: translateX(0rem);
		-o-transform: translateX(0rem);
		-ms-transform: translateX(0rem);
		transform: translateX(0rem);
    }
}
@-o-keyframes shake {
    0{
         -moz-transform: translateX(-0.4rem);
         -webkit-transform: translateX(-0.4rem);
         -o-transform: translateX(-0.4rem);
         -ms-transform: translateX(-0.4rem);
         transform: translateX(-0.4rem);

    }
    25%{
		-moz-transform: translateX(0.4rem);
		-webkit-transform: translateX(0.4rem);
		-o-transform: translateX(0.4rem);
		-ms-transform: translateX(0.4rem);
		transform: translateX(0.4rem);
    }
    50%{
			-moz-transform: translateX(-0.2rem);
		-webkit-transform: translateX(-0.2rem);
		-o-transform: translateX(-0.2rem);
		-ms-transform: translateX(-0.2rem);
		transform: translateX(-0.2rem);
    }
    75%{
		-moz-transform: translateX(0.2rem);
		-webkit-transform: translateX(0.2rem);
		-o-transform: translateX(0.2rem);
		-ms-transform: translateX(0.2rem);
		transform: translateX(0.2rem);
    }
    100%{
		-moz-transform: translateX(0rem);
		-webkit-transform: translateX(0rem);
		-o-transform: translateX(0rem);
		-ms-transform: translateX(0rem);
		transform: translateX(0rem);
    }
}

@-ms-keyframes shake {
    0{
         -moz-transform: translateX(-0.4rem);
         -webkit-transform: translateX(-0.4rem);
         -o-transform: translateX(-0.4rem);
         -ms-transform: translateX(-0.4rem);
         transform: translateX(-0.4rem);

    }
    25%{
		-moz-transform: translateX(0.4rem);
		-webkit-transform: translateX(0.4rem);
		-o-transform: translateX(0.4rem);
		-ms-transform: translateX(0.4rem);
		transform: translateX(0.4rem);
    }
    50%{
			-moz-transform: translateX(-0.2rem);
		-webkit-transform: translateX(-0.2rem);
		-o-transform: translateX(-0.2rem);
		-ms-transform: translateX(-0.2rem);
		transform: translateX(-0.2rem);
    }
    75%{
		-moz-transform: translateX(0.2rem);
		-webkit-transform: translateX(0.2rem);
		-o-transform: translateX(0.2rem);
		-ms-transform: translateX(0.2rem);
		transform: translateX(0.2rem);
    }
    100%{
		-moz-transform: translateX(0rem);
		-webkit-transform: translateX(0rem);
		-o-transform: translateX(0rem);
		-ms-transform: translateX(0rem);
		transform: translateX(0rem);
    }
}
@keyframes shake {
    0{
         -moz-transform: translateX(-0.4rem);
         -webkit-transform: translateX(-0.4rem);
         -o-transform: translateX(-0.4rem);
         -ms-transform: translateX(-0.4rem);
         transform: translateX(-0.4rem);

    }
    25%{
		-moz-transform: translateX(0.4rem);
		-webkit-transform: translateX(0.4rem);
		-o-transform: translateX(0.4rem);
		-ms-transform: translateX(0.4rem);
		transform: translateX(0.4rem);
    }
    50%{
			-moz-transform: translateX(-0.2rem);
		-webkit-transform: translateX(-0.2rem);
		-o-transform: translateX(-0.2rem);
		-ms-transform: translateX(-0.2rem);
		transform: translateX(-0.2rem);
    }
    75%{
		-moz-transform: translateX(0.2rem);
		-webkit-transform: translateX(0.2rem);
		-o-transform: translateX(0.2rem);
		-ms-transform: translateX(0.2rem);
		transform: translateX(0.2rem);
    }
    100%{
		-moz-transform: translateX(0rem);
		-webkit-transform: translateX(0rem);
		-o-transform: translateX(0rem);
		-ms-transform: translateX(0rem);
		transform: translateX(0rem);
    }
}
*/


/*新版白色头部样式*/
body{
	background:#fff!important;
}

.header .divleft {
    height: 1.17rem;
    width: 1rem;
    float: left;
    text-align: center;
    line-height: 1.17rem;
    position: absolute;
    left: 0;
    top: 0;
    background:url(../img/site/back.png) no-repeat center;
    background-size: 0.24rem 0.45rem;
}

.header .divleft a{
	display:block;
    height: 1.17rem;
    width: 1rem;
}


.header{
    z-index: 100;
    width: 100%;
    position: fixed;
    top: 0;
    left: 0;
    height: 1.16rem;
    background: #fff;
    text-align: center;
    border-bottom: 1px solid #ddd;
    line-height: 1.16rem;
    font-size:0.48rem;
}


.row{
	height:1.17rem;
	line-height: 1.12rem;
	background:#fff;
	border-bottom:1px solid #ddd;
	padding-top:0.51rem;
	margin-left:0.4rem;
	position: relative;

}
.icon_phone{
	display:inline-block;
	vertical-align: middle;
	width:0.8rem;
	height:1rem;
	background:url(../img/site/phone.png) no-repeat 0.1rem  center;
	background-size: 0.4rem 0.59rem ;
}
.icon_password{
	display:inline-block;
	vertical-align: middle;
	width:0.8rem;
	height:1rem;
	background:url(../img/site/password.png) no-repeat 0.1rem  center;
	background-size:0.48rem 0.57rem ;
}
.icon_code{
	display:inline-block;
	vertical-align: middle;
	width:0.8rem;
	height:1rem;
	background:url(../img/site/code.png) no-repeat 0.1rem  center;
	background-size:0.48rem 0.56rem ;
}
.del1{
	display:inline-block;
	width:1rem;
	height:1rem;
	background:url(../img/site/del.png) no-repeat 70%  center;
	background-size:0.47rem 0.47rem ;
	visibility: hidden;
	vertical-align: middle;
	position: absolute;
	right:0.4rem;
}
.del1.on{
	visibility: visible;
}
.submit{
	display:block;
	width: 9.2rem;
	height:1.2rem;
	line-height:1.2rem;
	text-align:center;
	margin:0 auto;
	border-radius:0.25rem;
	background:#ddd;
	color:#fff;
	margin-top: 1.07rem;
	font-size:0.38rem;
	outline: none;
}

.cuttime{
	background:#bfbfbf !important;
}
